<template>
	<view class="warp">
		<view class="con-box">
		    <view class="item-box">
		        <view class="item"> 
		            <view class="name">订单号:</view>
		            <view class="value">{{ inputData.order_sn }}</view>
		        </view>
		        <view class="item"> 
		            <view class="name">下单时间:</view>
		            <view class="value">{{ inputData.createtime }}</view>
		        </view>
		        <view class="item"> 
		            <view class="name">订单状态:</view>
		            <view class="value">{{getOrderStatus(inputData)}}</view>
		        </view>
		    </view>
		    <view class="item-box">
		        <view class="item"> 
		            <view class="name">发货人:</view>
		            <view class="value">{{ inputData.send_username }}</view>
		        </view>
		        <view class="item"> 
		            <view class="name">发货人地址:</view>
		            <view class="value">{{ inputData.send_address }}</view>
		        </view>
		    </view>
		    <view class="item-box">
		        <view class="item"> 
		            <view class="name">收货人:</view>
		            <view class="value">{{  inputData.take_username  }}</view>
		        </view>
		        <view class="item"> 
		            <view class="name">收货人地址:</view>
		            <view class="value">{{ inputData.take_address }}</view>
		        </view>
		    </view>
		    <view v-if="inputData.order_goods.length">
		        <view class="item-box" v-for="(item,index) in inputData.order_goods">
		            <view class="item"> 
		                <view class="name">货物名称:</view>
		                <view class="value"> <input class="uni-input input" type="text"  v-model="inputData.order_goods[index].goods_name" /> </view>
		            </view>
		            <view class="item"> 
		                <view class="name">包装:</view>
		                <view class="value"><input class="uni-input input" type="text"  v-model="inputData.order_goods[index].goods_pack" /></view>
		            </view>
		            <view class="item"> 
		                <view class="name">数量:</view>
		                <view class="value"><input class="uni-input input" type="text" v-model="inputData.order_goods[index].goods_nums" /></view>
		            </view>
		            <view class="item"> 
		                <view class="name">总重量(T):</view>
		                <view class="value"><input class="uni-input input" type="text"  v-model="inputData.order_goods[index].goods_weight" /></view>
		            </view>
		            <view class="item"> 
		                <view class="name">总体积(m³):</view>
		                <view class="value"><input class="uni-input input" type="text"  v-model="inputData.order_goods[index].goods_volume" /></view>
		            </view>
		        </view>
		    </view>
		  
		
		    <view class="item-box">
		        <view class="item"> 
		            <view class="name">交货方式:</view>
		            <view class="value text1"> 
		                <view  :class="['text2',{'text3':item.type==inputData.reach_type}]"  v-for="(item,index) in reachType" @click=" inputData.reach_type=item.type">
									{{ item.name }} 
						</view>
		            </view>
		        </view>
		        <view class="item"> 
		            <view class="name">末端配送:</view>
		            <view class="value text1">
		                <view  :class="['text2',{'text3':item.type==inputData.delivery_type}]"  v-for="(item,index) in deliveryType" @click=" inputData.delivery_type=item.type">
									{{ item.name }} 
						</view>
		            </view>
		        </view>
		    </view>
		    <view class="item-box">
		        <view class="item"> 
		            <view class="name">备注:</view>
		            <view class="">	<textarea class="remark" v-model="inputData.remark"/>		</view>
		        </view>
		    </view>
		    <view class="confirm" @click="confirm">确   定</view>
		</view> 
		 <loading-cover ref="loadingCover"></loading-cover>
	</view>
</template>

<script>
	import MescrollMixin from '@/components/mescroll-uni/mescroll-mixins.js';
	import MescrollMoreItemMixin from '@/components/mescroll-uni/mixins/mescroll-more-item.js';
	import delivery from '../public/js/order-change.js';

export default {
	components: { },
	mixins: [delivery,MescrollMixin, MescrollMoreItemMixin],
	data() {
		return {
			
		};
	},
	methods:{
		onchange(e) {

		},
		onnodeclick(node) {
      	}
	}
};
</script>
<style lang="scss">
@import '../public/css/order-change.scss';
.pop-box{
	position: relative;
	bottom: 60rpx;
}
.picker-btn{
	padding:3rpx 5rpx;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.picker-view {
		width: 750rpx;
		height: 800rpx;
		padding:-10rpx 50rpx;
		.item{
			line-height: 100rpx;
			text-align: center;
		}
	}
</style>
